.root {
    composes: border-b from global;
    composes: border-solid from global;
    composes: border-subtle from global;
    composes: gap-xs from global;
    composes: grid from global;
    composes: pb-xs from global;
}

.imageContainer {
    composes: justify-self-center from global;
}

.image {
    composes: px-md from global;
    composes: py-0 from global;
}

.productName {
    composes: font-semibold from global;
    composes: text-xl from global;
}

.stockRow {
    composes: flex from global;
    composes: font-light from global;
    composes: justify-between from global;
    composes: text-sm from global;
}

.price {
    composes: font-semibold from global;
}
